<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>excel_inquire</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/my_patient.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/pagenum.css">
    <link rel="stylesheet" href="css/execel_case.css">
    <link rel="stylesheet" href="css/excel_resident.css">
    <link rel="stylesheet" href="css/fenye.css">
    <style>
        .excel_inquire {
            width: 20%;
        }

        table tr th[width='19%'],
        table tr td:nth-child(9) {
            text-align: left;
        }
    </style>
</head>

<body>
    <div class="prev"><a href="#"><em class="active">报告查询</em></a><a href="add_report.html"><em class="no_active">添加报告</em></a></div>
    <div id="execel_case">
        <div class="search">
            <div class="search_left"><input type="text" placeholder="请输入患者姓名"></div>
            <select name="time" class="search_right">
                <option value="时间">选择检查时间</option>
                <option value="时间">时间</option>
                <option value="时间">时间</option>
                <option value="时间">时间</option>
                <option value="时间">时间</option>
                <option value="时间">时间</option>
                <option value="时间">时间</option>
                <option value="时间">时间</option>
            </select>
            <div class="search_right excel_inquire"><input type="text" placeholder="请输入检查项目"></div>
            <div class="small_search"><i class="fa fa-search"></i></div>
        </div>
        <main class="execel_case_main">
            <table>
                <tr>
                    <th><input type="checkbox" name="" id=""></th>
                    <th width='6%'>序号</th>
                    <th width='9%'>姓名</th>
                    <th width='6%'>性别</th>
                    <th width='6%'>年龄</th>
                    <th width='10%'>就诊科室</th>
                    <th width='12%'>诊断类型</th>
                    <th width='17%'>检查时间</th>
                    <th width='19%'>检查项目</th>
                    <th width='12%'>操作</th>
                </tr>
            </table>
        </main>
        <footer class="clear">
            <p><i class="fa fa-trash"></i> 批量删除</p>
            <p class="bai"></p>
            <div class="fenye">
                <button class="two" onClick="page_up();" type="button" value="page_up">
                        <</button> <button name="dot" style="display: none;" class="three" type="button" value="...">...
                </button>
                <button name="page" style="display: none;" class="three" type="button" value="0">0</button>
                <button onClick="yema(this);" name="page" style="color:#fff;background: #16dcb8" class="three ooo" type="button"
                    value="1">1</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="2">2</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="3">3</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="4">4</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="5">5</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="6">6</button>
                <button name="dot" class="three" type="button" value="...">...</button>
                <button class="two" onClick="page_down();" type="button" value="page_down">></button>
                <div class="p">到<input type="text" id="input" name="inp">页<button name="btn" onClick="tiao();">GO</NOtton></div>
            </div>
        </footer>
    </div>
</body>
<script>
    var lists = [{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },{
        p_id: '001',
        p_name: '刘德华',
        p_sex: '男',
        p_age: '36',
        p_shi: '外科',
        p_time: '2018-12-4 12:10:34',
        p_leixing: '检查/诊断',
        p_xiangqing: '血糖、甲状腺、心肺、肾脏',
    },]
    var otable = document.getElementsByTagName('table')[0];
    console.log(lists[0].p_id)
    for (var i = 0; i < lists.length; i++) {
        var otr = document.createElement('tr');
        otr.innerHTML += '<td><input type="checkbox" name="" id=""></td><td>' + lists[i].p_id + '</td><td>' + lists[i].p_name + '</td><td>' + lists[i].p_sex + '</td><td>' + lists[i].p_age + '</td><td>' + lists[i].p_shi + '</td><td>' + lists[i].p_leixing + '</td><td>' + lists[i].p_time + '</td><td>' + lists[i].p_xiangqing + '</td><td><a href="report_details.html">查看详情</a></td>';
        otable.appendChild(otr);
    }
</script>
<script src="js/remove.js"></script>
<script src="js/fenye.js"></script>
</html>